@extends('front.common.header')

@section('title',$result->title.' - 就业指南')

@section('head')
@parent
@stop

@section('content')
<link href="{{ asset('/css/employ/list.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('/css/employ/moban.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('/css/company/jobs.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('/css/company/comdetails.css') }}" rel="stylesheet" type="text/css">
<div class="main">
    <div class="content">
        <div class='top-nav'>
    		<ul>
    			{!! $mianbaoxie !!}
    		</ul>
    	</div>
    </div>
    <div class="employ-list">
        <div class="employ-list-left fl">
            <div class="employ-search mb20">
                <div class="employ-info employ-title mt-20">
                    {{$result->title}}
                </div>
                <div class="employ-info">
                    <div class="employ-info-ext fl">
                        <div class="user-info-avatar fl">
                            <img src=" {{ asset('/images/front/jiuyezhinan/pic1.png') }}" >
                        </div>
                        <div class="user-info-uname ml-20 fl">{{$result->user->name}}</div>
                        <div class="user-info-uname ml-20 fl">发表于{{$result->created_at}}</div>
                        <div class="user-info-createtime ml-10 fl">|</div>
                        <div class="dropdown user-info-createtime ml-10 fl">
                            <form action="{{url('/reports')}}" method="POST" onsubmit="return checkParam('{{empty($authuser)?0:1}}',this)">
                                {{csrf_field()}}
                                <input type="hidden" name="app" value="employ">
                                <input type="hidden" name="app_id" value="{{$result->id}}">
                                <input type="hidden" name="app_url" value="{{Request::getRequestUri()}}">
                                <input type="hidden" name="report_type" value="1">
                                <a href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 举报<span class="caret"></span></a>
                                <ul class="dropdown-menu" aria-labelledby="dLabel">
                                    <li><button type="submit">个人信息举报</button></li>
                                    <li><button type="submit" onclick="$('input[name=report_type]').val(2);">垃圾信息举报</button></li>
                                </ul>
                            </form>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="employ-info-ext fl">
                        <ul>
                            <li class="color-orange">
                                <img src="{{ asset('/images/front/jiuyezhinan/view.png') }}" title="浏览">
    							{{ count($result->exts)>0 ?$result->exts->reading_num+1 : 0}}
    						</li>
                            <li class="color-orange">
                                <img src="{{ asset('/images/front/jiuyezhinan/pl.png') }}" title="评论">
    							{{ count($result->exts)>0?$result->exts->comment_num:0}}
    						</li>
    						@if(empty($result->is_collect) || $result->is_collect == 0)
                            <li class="color-gray" id="collect_num">
                                <a onclick="toCollect('/member/collect','employ','{{$result->id}}','{{ csrf_token()}}','{{empty($authuser)?0:$authuser->id}}')">
                                    <img src="{{ asset('/images/front/heart-no.png') }}" title="收藏" >&nbsp;&nbsp;
                                </a>
                                    <span class="color-gray">{{ count($result->exts)>0?$result->exts->recommond_num:0}}</span>
                                
                            </li>
                            @else
                            <li class="color-gray" id="collect_num">
                                <img src="{{ asset('/images/front/jiuyezhinan/red-heart.png') }}" title="收藏">&nbsp;&nbsp;
                                <span>{{ count($result->exts)>0?$result->exts->recommond_num:0}}</span>
                            </li>
                            @endif
                            <li class="small">|</li>
                            <div class="bdsharebuttonbox"><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a></div>
                            <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":["qzone","tsina","weixin","douban"],"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
                            <div class="clearfix"></div>
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="employ-info text-left">

<div class="brief">
    <span class="brief-title">考试简介</span>
    <div class="brief-info">
        中国是考试的发祥地。作为一个文化早熟型的国家，考试制度的最早渊源可以追溯到夏商周时期。1910年出版的《大英百科全书》第11版“考试”条说：“在历史上，最早的考试制度是中国用考试来选拔行政官员的制度据公元前1115年的记载，以及对已进入仕途的官员的定期考核据公元前2200年的记载。”考试一词由“考”与“试”二字组成，《尚书》中有“试可乃已”、“试不可用”，“敷奏以言，明试以功”，“三载考绩，三考黜陟幽明”等记载，《大英百科全书》的说法是根据19世纪末20世纪初一些西方学者有关科举的论著而来，而这些论著的说法又是根据《尚书》的记载而来。
    </div>
</div>
<h2 class="headline-1">
    <a class="anchor-1" name="1"></a>
    <span class="headline-content">简介</span>
</h2>
<div class="para">
    从2000年10月20日发布的第一个Windows版的PHP3.0.17开始的都是线程安全的版本，这是由于与Linux/Unix系统是采用多进程的工作方式不同的是Windows系统是采用多线程的工作方式。如果在IIS下以CGI方式运行PHP会非常慢，这是由于CGI模式是建立在多进程的基础之上的，而非多线程。一般我们会把PHP配置成以ISAPI的方式来运行，ISAPI是多线程的方式，这样就快多了。但存在一个问题，很多常用的PHP扩展是以Linux/Unix的多进程思想来开发的，这些扩展在ISAPI的方式运行时就会出错搞垮IIS。因此在IIS下CGI模式才是 PHP运行的最安全方式，但CGI模式对于每个HTTP请求都需要重新加载和卸载整个PHP环境，其消耗是巨大的。
</div>
<h2 class="headline-1">
    <a class="anchor-1" name="2"></a>
    <span class="headline-content">说明</span>
</h2>
<div class="para">
    PHP4.0整个脚本程序的核心大幅更动，让程序的执行速度，满足更快的要求。在最佳化之后的效率，已较传统CGI或者ASP等程序有更好的表现。而且还有更强的新功能、更丰富的函数库。无论您接不接受，PHP 都将在 Web CGI 的领域上，掀起巅覆性的革命。对于一位专业的Web Master 而言，它将也是必修课程之一。
    PHP 4.0是更有效的，更可靠的动态Web页开发工具，在大多数情况运行比 PHP 3.0要快，其脚本描述更强大并且更复杂，最显著的特征是速率比的增加。PHP4.0这些优异的性能是PHP脚本引擎重新设计产生的结果：引擎由AndiGutmans和Zeev Suraski从底层全面重写。PHP4.0 脚本引擎 ——Zend引擎，使用了一种更有效的编译——执行方式,而不是PHP 3.0 采用的执行 ——当解析时模型。
</div>
<h3 class="headline-2">
    <a class="anchor-2" name="2-1"></a>
    <span class="headline-content" >概述</span>
</h3>
<div class="para">
    PHP4.0整个脚本程序的核心大幅更动，让程序的执行速度，满足更快的要求。在最佳化之后的效率，已较传统CGI或者ASP等程序有更好的表现。而且还有更强的新功能、更丰富的函数库。无论您接不接受，PHP 都将在 Web CGI 的领域上，掀起巅覆性的革命。对于一位专业的Web Master 而言，它将也是必修课程之一。
    PHP 4.0是更有效的，更可靠的动态Web页开发工具，在大多数情况运行比 PHP 3.0要快，其脚本描述更强大并且更复杂，最显著的特征是速率比的增加。PHP4.0这些优异的性能是PHP脚本引擎重新设计产生的结果：引擎由AndiGutmans和Zeev Suraski从底层全面重写。PHP4.0 脚本引擎 ——Zend引擎，使用了一种更有效的编译——执行方式,而不是PHP 3.0 采用的执行 ——当解析时模型。
</div>
<h3 class="headline-2">
    <a class="anchor-2" name="2-2"></a>
    <span class="headline-content" style="color: #555;">详细</span>
</h3>
<div class="para">
    中国古代科举制度最早起源于隋代。隋朝统一全国后，为了适应封建经济和政治关系的发展变化，为了扩大封建统治阶级参与政权的要求，加强中央集权，于是把选拔官吏的权力收归中央，用科举制代替九品中正制。隋炀帝大业三年开设进士科，用考试办法来选取进士。进士一词初见于《礼记·王制》篇，其本义为可以进受爵禄之义。当时主要考时务策，就是有关当时国家政治生活方面的政治论文，叫试策。这种分科取士，以试策取士的办法，在当时虽是草创时期，并不形成制度，但把读书、应考和作官三者紧密结合起来，揭开中国选举史上新的一页。唐玄宗时礼部尚书沈既济对这个历史性的变化有过中肯的评价："前代选用，皆州郡察举……至于齐隋，不胜其弊……是以置州府之权而归于吏部。自隋罢外选，招天下之人，聚于京师春还秋住，乌聚云合。"
</div>
<h3 class="headline-2">
    <a class="anchor-2" name="2-3"></a>
    <span class="headline-content" >总结</span>
</h3>
<div class="para">
    PHP4.0整个脚本程序的核心大幅更动，让程序的执行速度，满足更快的要求。在最佳化之后的效率，已较传统CGI或者ASP等程序有更好的表现。而且还有更强的新功能、更丰富的函数库。无论您接不接受，PHP 都将在 Web CGI 的领域上，掀起巅覆性的革命。对于一位专业的Web Master 而言，它将也是必修课程之一。
    PHP 4.0是更有效的，更可靠的动态Web页开发工具，在大多数情况运行比 PHP 3.0要快，其脚本描述更强大并且更复杂，最显著的特征是速率比的增加。PHP4.0这些优异的性能是PHP脚本引擎重新设计产生的结果：引擎由AndiGutmans和Zeev Suraski从底层全面重写。PHP4.0 脚本引擎 ——Zend引擎，使用了一种更有效的编译——执行方式,而不是PHP 3.0 采用的执行 ——当解析时模型。
</div>
<h2 class="headline-1">
    <a class="anchor-1" name="3"></a>
    <span class="headline-content">发展过程</span>
</h2>
<div class="para">
    虽然企业各年的财务比率总会有些变化，但上述假设基本上符合大多数公司的情况。大多数公司不能随时增发新股。据国外的有关统计资料显示，上市公司平均20年出售一次新股。我国上市公司增发新股亦有严格的审批程序，并且至少要间隔一定年限。改变经营效率(体现于资产周转车和销售净利率)和财务政策(体现于资产负债率和收益留存率)，对于一个理智的公司来说是件非常重大的事情。当然，对于根本就没有明确的经营和财务政策的企业除外。
</div>
<div class="para">
    不是说企业的增长不可以高于或低于可持续增长率。问题在于管理人员必须事先预计并且加以解决在公司超过可持续增长率之上的增长所导致的 财务问题。超过部分的资金只有两个解决办法：提高资产收益率，或者改变财务政策。提高经营效率并非总是可行的，改变财务政策是有风险和极限的．因此超常增 长只能是短期的。尽管企业的增长时快时慢．但从长期来看总是受到可持续增长率的制约。公司增发新股亦有严格的审批程序，并且至少要间隔一定年限。改变经营效率(体现于资产周转车和销售净利率)和财务政策(体现于资产负债率和收益留存率)，对于一个理智的公司来说是件非常重大的事情。当然，对于根本就没有明确的经营和财务政策的企业除外。
</div>
<h2 class="headline-1">
    <a class="anchor-1" name="4"></a>
    <span class="headline-content">基本原则</span>
</h2>
<div class="para">
    （1）考前不要开夜车
    考前不要开夜车是个老生常谈的话题，很多考生越是临近考试，越是睡不着觉。这说明考生?quot;考试"的注意力太集中了，考前的起居生活应该有规律，因此注意力必须转移。除了传统的"数数"，告诉考生一个"偏方"：眼睛不要闭实，眼球正转10遍，倒转10遍，反复做对刺激睡眠神经有好处。常次要的，在高考面前人人都是平等的，面前的任务只有一个，就是全力以赴地考试，所以中等生最有可塑性，不要背上包袱，了解自己的长处，争取不断地突破。有一种理论认为，一个人成功80%靠"情绪智商"，学会和控制自己的情绪非常重要，通常一个人认知很深刻，情绪也会自我疏导，要用自信和自我镇定赢得高考。
</div>
<div class="para">
    （2）考前不要开夜车
    考前不要开夜车是个老生常谈的话题，很多考生越是临近考试，越是睡不着觉。这说明考生?quot;考试"的注意力太集中了，考前的起居生活应该有规律，因此注意力必须转移。除了传统的"数数"，告诉考生一个"偏方"：眼睛不要闭实，眼球正转10遍，倒转10遍，反复做对刺激睡眠神经有好处。就背上心理包袱，总是爱和别人比，比如肯定考不过某某，考不上别人怎么看自己等等。这些都是非常次要的，在高考面前人人都是平等的，面前的任务只有一个，就是全力以赴地考试，所以中等生最有可塑性，不要背上包袱，了解自己的长处，争取不断地突破。有一种理论认为，一个人成功80%靠"情绪智商"，学会和控制自己的情绪非常重要，通常一个人认知很深刻，情绪也会自我疏导，要用自信和自我镇定赢得高考。
</div>
<div class="para">
    （3）考前不要开夜车
    考前不要开夜车是个老生常谈的话题，很多考生越是临近考试，越是睡不着觉。这说明考生?quot;考试"的注意力太集中了，考前的起居生活应该有规律，因此注意力必须转移。除了传统的"数数"，告诉考生一个"偏方"：眼睛不要闭实，眼球正转10遍，倒转10遍，反复做对刺激睡眠神经有好处。别被模拟考试成绩"罩"住
    上心理包袱，总是爱和别人比，比如肯定考不过某某，考不上别人怎么看自己等等。这些都是非常次要的，在高考面前人人都是平等的，面前的任务只有一个，就是全力以赴地考试，所以中等生最有可塑性，不要背上包袱，了解自己的长处，争取不断地突破。有一种理论认为，一个人成功80%靠"情绪智商"，学会和控制自己的情绪非常重要，通常一个人认知很深刻，情绪也会自我疏导，要用自信和自我镇定赢得高考。
</div>
<h2 class="headline-1">
    <a class="anchor-1" name="5"></a>
    <span class="headline-content">分析</span>
</h2>
<div class="para">
    为什么思维中要对客观对象进行分析呢?我们知道，自然界中的任何事物都不是单纯的和不可分的，而是具有复杂的构成。它们总是由不同的部分、方面、因素和层次组成的。果核可以剖开，化合物可以分解，所谓“元素”、“原子”和“基本粒子”也都不是单纯的，都有其一定的结构。客观事物构成的复杂性决定着思维分析的必要性。没有分折，人们对事物只能有个浑沌的认识。
    独立的逻辑方法，它既是为新的综合作准备，同时它在科学发现中又有其独特的作用。
</div>
<div class="para">
    为的逻辑方法，它既是为新的综合作准备，同时它在科学发现中又有其独特的作用。
</div>
<div class="para">
    作是附属于综合，分析是一种相对独立的逻辑方法，它既是为新的综合作准备，同时它在科学发现中又有其独特的作用。
</div>
<div class="para">
    术条件，思维的分析也要有一定的认识发展条件。人类的分析能力是随着生产活动和科学实验的发展而不断提高的。分析的深度也是随着科学理论的发展而不断深化的。任何分析都是在原有理论综合指导下进行的，而分析的目的又是为了向下一步新的理论综合过渡。
    但是，不能把分析的作用看作是附属于综合，分析是一种相对独立的逻辑方法，它既是为新的综合作准备，同时它在科学发现中又有其独特的作用。
</div>
<h2 class="headline-1">
    <a class="anchor-1" name="6"></a>
    <span class="headline-content">结果</span>
</h2>
<div class="para">
    为什么思维中要对客观对象进行分析呢?我们知道，自然界中的任何事物都不是单纯的和不可分的，而是具有复杂的构成。它们总是由不同的部分、方面、因素和层次组成的。果核可以剖开，化合物可以分解，所谓“元素”、“原子”和“基本粒子”也都不是单纯的，都有其一定的结构。客观事物构成的复杂性决定着思维分析的必要性。没有分折，人们对事物只能有个浑沌的认识。
    独立的逻辑方法，它既是为新的综合作准备，同时它在科学发现中又有其独特的作用。
</div>
<div class="para">
    为什么思维中要对客观对象进行分析呢?我们知道，自然界中的任何事物都不是单纯的和不可分的，而是具有复杂的构成。它们总是由不同的部分、方面、因素和层次组成的。果核可以剖开，化合物可以分解，所谓“元素”、“原子”和“基本粒子”也都不是单纯的，都有其一定的结构。客观事物构成的复杂性决定着思维分析的必要性。没有分折，人们对事物只能有个浑沌的认识。
    独立的逻辑方法，它既是为新的综合作准备，同时它在科学发现中又有其独特的作用。
</div>
<div class="para">
    为什么思维中要对客观对象进行分析呢?我们知道，自然界中的任何事物都不是单纯的和不可分的，而是具有复杂的构成。它们总是由不同的部分、方面、因素和层次组成的。果核可以剖开，化合物可以分解，所谓“元素”、“原子”和“基本粒子”也都不是单纯的，都有其一定的结构。客观事物构成的复杂性决定着思维分析的必要性。没有分折，人们对事物只能有个浑沌的认识。
    独立的逻辑方法，它既是为新的综合作准备，同时它在科学发现中又有其独特的作用。
</div>
<div class="para">
    为什么思维中要对客观对象进行分析呢?我们知道，自然界中的任何事物都不是单纯的和不可分的，而是具有复杂的构成。它们总是由不同的部分、方面、因素和层次组成的。果核可以剖开，化合物可以分解，所谓“元素”、“原子”和“基本粒子”也都不是单纯的，都有其一定的结构。客观事物构成的复杂性决定着思维分析的必要性。没有分折，人们对事物只能有个浑沌的认识。
    独立的逻辑方法，它既是为新的综合作准备，同时它在科学发现中又有其独特的作用。
</div>

                </div>
                <div class="employ-info">
                    <div class="nice-point">
                        <a href="javacript:void(0)" onclick="toApprove('/approve','employ','{{$result->id}}','{{ csrf_token()}}')"><img src="{{ asset('/images/front/jiuyezhinan/good.png') }}"></a>
                        <div class="nice-point-count" id="nice-point-count">{{count($result->exts)>0?$result->exts->approving_num:0}}</div>
                    </div>
                </div>
            </div>

            <div id="com-comments-list">
                <h4 class="c0 pt15 pb15 pl20 ma0">全部评论</h4>
                <div id="itemContainer" >
                    @foreach($comments as $k=>$vo)
                    <div class="comment-common" id="comment-common{{$k}}">
                        <div class="comment-user-avatar fl pt10">
                            <img src="{{userlogo($vo->user_id,'middle')}}">
                        </div>
                        <div class="comment-main fl">
                            <div class="comment-content text-left">
                                <p class="font-20 c3">{{getUserName($vo->user_id)}}</p>
                                <p class="fs14 c5">{{$vo->content}}</p>
                                <div class="fs14 c9 ma0">
                                    <div class="fl">
                                        {{$vo->created_at}}&nbsp;&nbsp;&nbsp;&nbsp;
                                        <a href="javascript:;" onclick="showreply({{$vo->comment_id}})">回复</a>
                                    </div>
                                    <div class="fr mr15">
                                        <img src="{{ asset('/images/front/jiuyezhinan/pl.png') }}">
                                        @if(count($vo->childComments)>0)
                                        <input type="text" name="totalnum{{$vo->comment_id}}" value="{{count($vo->childComments)}}" readonly="readonly">
                                        @else
                                        <input type="text" name="totalnum{{$vo->comment_id}}" value="0" readonly="readonly">
                                        @endif
                                    </div>
                                    <div class="clr"></div>
                                </div>
                            </div>
                            <div id="comment-reply{{$vo->comment_id}}" class="comment-reply-form mt20 dn">
                                <div class="comment-reply-form-b">
                                    <textarea id="comment-reply-content{{$vo->comment_id}}" class="fl" placeholder="人可以走,留下你的态度"></textarea>
                                    <button type="button" id="submit{{$vo->comment_id}}" class="fr" onclick="pushComment('/comment/push?typeid=3','{{$vo->comment_id}}','{{$vo->user_id}}','0','{{$result->id}}','{{ csrf_token() }}')">发表回复</button>
                                </div>
                            </div>
                            <div id="message{{$vo->comment_id}}" class="commentmsg dn"></div>
                            <div class="comment-child text-left" id="comment-childs{{$vo->comment_id}}">
                                @if(count($vo->childComments)>0)
                                <div class="comment-caret-up"><i class="glyphicon glyphicon-triangle-top"></i></div>
                                <div class="comment-child-content" id="comment-child-content{{$vo->comment_id}}">
                                    @foreach($vo->childComments as $key=>$zn)
                                    <div class="comment-child-content-list" >
                                        <p class="fs18 color-green">{{getUserName($zn->user_id)}}：</p>
                                        <p class="fs14 c5">{{$zn->content}}</p>
                                    </div>
                                    @endforeach
                                </div>
                                @endif
                            </div>
                        </div>
                        <div class="clr"></div>
                    </div>
                    @endforeach
                </div>
                {{-- 分页 --}}
                <div id="holder" @if(count($comments)== 0) class="holder dn" @else class="holder" @endif></div>
                <script>
                  jPages();
                </script>
                <div class="comment-reply-main">
                  <textarea id="comment-reply-content" placeholder="人可以走,留下你的态度"></textarea>
                  <div class="mb20 lh44 mt10">
                    <div id="message" class="fl"></div>
                    <button type="button" class="fr" id="submit-main" onclick="comment('/comment/push?typeid=3','0','{{$result->id}}','3','{{ csrf_token() }}')">发表回复</button>
                  </div>
            </div>
        </div>
        </div>
        <div class="employ-list-right fl">
            <div class="employ-list-tips">
	           <div class="tips-title">人气热点</div>
	           @foreach($hots_employ as $k=>$emphots)
	           <div class="tips-content @if($k>0) bodertop @endif">
	               <div class="tips-content-main">
    	               <div class="tips-content-title"><a href="{{url('/employ/'.$emphots->id)}}">{{str_limit($emphots->title,24)}}</a></div>
    	               <div class="tips-content-views">阅读（ {{ $emphots->exts->reading_num }} ）</div>
	               </div>
	           </div>
	           @endforeach
	       </div>
	       @foreach ($ads_img as $key => $adimg)
	       <div class="employ-list-tips mt-10">
	           <img src="{{$adimg->attachment($adimg->id)->url}}">
	       </div>
	       @endforeach
        </div>
        <div class="slide" style="display: none;">
          <div id="sideToolbar" style="position: fixed; bottom: 0;">
            <div id="sideCatalog" class="sideCatalogBg" style="visibility: visible;">
                <div id="sideCatalog-sidebar">
                    <div class="sideCatalog-sidebar-top"></div>
                    <div class="sideCatalog-sidebar-bottom"></div>
                </div>
                <div id="sideCatalog-catalog">
                    <dl style="width:175px;zoom:1"></dl>
                </div>
            </div>
            <a id="sideCatalogBtn" class="" style="visibility: visible;" href="javascript:void(0);"></a>
            <a id="sideToolbar-up" style="visibility: visible;" title="返回顶部" href="javascript:void(0)"></a>
          </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<script>
    var allEle = $(':header[class*="headline"]');
    var headLen = allEle.length;
    var ddArr = [];
    //根据页面内容生成slide导航；
    allEle.each(function(i){
        var sideIndex,
            sideName,
            ddId,
            highlight='',
            ddClass,
            sideAnchor;
        sideName = $(this).find('.headline-content').text();
        if($(this).hasClass('headline-1')){
            sideAnchor = sideIndex = $(this).find('.anchor-1').eq(0).attr('name');
            ddClass = 'sideCatalog-item1';
        }else{
            sideAnchor = $(this).find('.anchor-2').eq(0).attr('name');
            sideIndex = sideAnchor.replace('-','.');
            ddClass = 'sideCatalog-item2';
        }
        ddId = 'sideToolbar-item-0-'+ sideAnchor;
        if(i==0){
            highlight = 'highlight';
        }
        var ddHtml = '<dd id="'+ ddId +'" class="'+ddClass + ' ' + highlight +'">'
            +       '<span class="sideCatalog-index1">'+ sideIndex +'</span>'
            +       '<a class="nslog:1026" onclick="return false;" title="part'+sideAnchor+'" href="#'+sideAnchor+'">'+ sideName +'</a>'
            +       '<span class="sideCatalog-dot"></span>'
            +    '</dd>';
        ddArr.push(ddHtml);
    });
    $('#sideCatalog-catalog dl').html(ddArr.join(''));

    //设置导航的位置
    var slideTop = $(window).height() - $('.slide').height();
    $('.slide').css('top',slideTop);

    var slideInnerHeight = $('#sideCatalog-catalog dl').height();
    var slideOutHeight = $('#sideCatalog-catalog').height();
    var enableTop = slideInnerHeight - slideOutHeight;
    var step = 50;

    //点击导航中的各个目录
    $('#sideCatalog-catalog dl').delegate('dd', 'click', function () {
        var index = $('#sideCatalog-catalog dl dd').index($(this));
        scrollSlide($(this), index);
        var ddIndex = $(this).find('a').stop().attr('href').lastIndexOf('#');
        var ddId = $(this).find('a').stop().attr('href').substring(ddIndex+1);
        var windowTop = $('a[name="' + ddId + '"]').offset().top;
        $('body,html').animate({scrollTop: windowTop}, 'fast');
    })

    //滚动页面，即滚动条滚动
    $(window).scroll(function () {
        if($(this).scrollTop()>$(this).height()){
            $('.slide').show();
        }else{
            $('.slide').hide();
        }
        for (var i=headLen-1; i>=0; i--) {
            if ($(this).scrollTop() >=allEle.eq(i).offset().top - allEle.eq(i).height()) {
                var index = i;
                $('#sideCatalog-catalog dl dd').eq(index).addClass('highlight').siblings('dd').removeClass('highlight');
                scrollSlide($('#sideCatalog-catalog dl dd').eq(index), index);
                return false;
            } else {
                $('#sideCatalog-catalog dl dd').eq(0).addClass('highlight').siblings('dd').removeClass('highlight');
            }
        }
    })

    //导航的滚动，以及向上，向下按钮的显示隐藏
    function scrollSlide(that, index){
        if (index < 5) {
            $('#sideCatalog-catalog dl').stop().animate({'top': '0'}, 'fast');
            $('#sideCatalog-down').removeClass('sideCatalog-down-disable').addClass('sideCatalog-down-enable');
            $('#sideCatalog-up').removeClass('sideCatalog-up-enable').addClass('sideCatalog-up-disable');
        } else if (index > 11) {
            $('#sideCatalog-catalog dl').stop().animate({'top': -enableTop}, 'fast');
            $('#sideCatalog-down').removeClass('sideCatalog-down-enable').addClass('sideCatalog-down-disable');
            $('#sideCatalog-up').removeClass('sideCatalog-up-disable').addClass('sideCatalog-up-enable');
        } else {
            var dlTop = parseInt($('#sideCatalog-catalog dl').css('top')) + slideOutHeight / 2 - (that.offset().top - $('#sideCatalog-catalog').offset().top);
            $('#sideCatalog-catalog dl').stop().animate({'top': dlTop}, 'fast');
            $('#sideCatalog-down').removeClass('sideCatalog-down-disable').addClass('sideCatalog-down-enable');
            $('#sideCatalog-up').removeClass('sideCatalog-up-disable').addClass('sideCatalog-up-enable');
        }
    }

    //置顶
    $('#sideToolbar-up').bind('click', function(){
        $('body,html').animate({scrollTop: 0}, 'fast');
    })

    //slide内容的显示与隐藏
    $('#sideCatalogBtn').bind('click', function(){
        if($(this).hasClass('sideCatalogBtnDisable')){
            $(this).removeClass('sideCatalogBtnDisable');
            $('#sideCatalog').css('visibility','visible');
        }else{
            $(this).addClass('sideCatalogBtnDisable');
            $('#sideCatalog').css('visibility','hidden');
        }
    })

</script>
@stop

<!--底部导航-->
@section('footer')
@parent
@stop

